<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/comm.css"/>
	<link rel="stylesheet" type="text/css" href="css/header.css"/>
	<title>Document</title>
</head>
<body>
	<div class ="container">
		<div class="row no-gutters">
			
			<!-- 1 -->
			<div class="col-lg-3 col-sm-12">
				<a class="navbar-brand" href=""><img src="img/header/logo.png" ></a>
			</div>
			
			<!-- 2 -->
			<div class="col-lg-6 col-sm-12 pr-4">
				<div class="input-group mt-2">
					<input class="form-control" type="text" />
					<a href=""><img class="img_size" src="img/header/search.png" ></a>
				</div>
			</div>
			
			<!-- 3 -->
			<div class="col-lg-3 col-sm-12">
				<ul class="breadcrumb bg-transparent">
					<!-- 3.1 -->
					<li class="breadcrumb-item">
						<a href=""><img src="img/header/care.png" ></a>
					</li>
					<!-- 3.2 -->
					<li class="breadcrumb-item">
						<a href=""><img src="img/header/order.png" ></a>
					</li>
					<!-- 3.2 -->
					<li class="breadcrumb-item">
						<a href=""><img src="img/header/shop_car.png" ></a>
					</li>
					<!-- 3.4 -->
					<li class="breadcrumb-item"><a class="text_small text-muted" href="">注册</a></li>
					<li class="breadcrumb-item"><a class="text_small text-muted" href="">登录</a></li>
					
				</ul>
			</div>
		</div>
		<!-- 下部分导航 -->
		<ul class="nav">
			<li class="nav-item">
				<a href="" class="nav-link text-muted">首页</a>
			</li>
			
			<li class="nav-item">
				<a href="" class="nav-link text-muted">学习用品</a>
			</li>
			
			<li class="nav-item">
				<a href="" class="nav-link text-muted">私人定制</a>
			</li>
		</ul>
		
	</div>
</body>
</html>